<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" type="text/css" href="./src/css/index.css">
    <link rel="stylesheet" href="./src/css/kendo.itable.css">
</head>
<body>
<div id="head-fixed">
	<div class="go-back">Settings</div>
	<div class="go-forward">Close</div>
	<div id="xymid">
		<input class="input-bar" id="input-bar" maxlength="256" tabindex="1" size="46" name="search-word" autocomplete="off">
		&nbsp;
		<button type="submit" id="go-btn" hidefocus="true" tabindex="2" class="btn-global">Go</button>
	</div>
	<div class="settings">Settings</div>
	<div class="close">Close</div>
</div>

<div id="content-region" class="content-region">
	
<div id="left-block" onclick="">
	<div id="text-title">
		<h1>Title</h1>
	</div>
    <h3>Hello World!</h3>
    <div class="leftItems"><p>item 1</p></div>
    <div class="leftItems"><p>item 2</p></div>
    <div class="leftItems"><p>item 3</p></div>
    <div class="leftItems"><p>item 4</p></div>
    <div class="leftItems"><p>item 5</p></div>
    <div class="leftItems"><p>item 6</p></div>
    <div class="leftItems"><p>item 7</p></div>
    <div class="leftItems"><p>item 8</p></div>
    <div class="leftItems"><p>item 9</p></div>
    <div class="leftItems"><p>item 10</p></div>
    <div class="leftItems"><p>item 11</p></div>
    <div class="leftItems"><p>item 12</p></div>
    <div class="leftItems"><p>item 13</p></div>
    <div class="leftItems"><p>item 14</p></div>
    <div class="leftItems"><p>item 15</p></div>

</div>
	<div id="right-block" onclick="">
		<div id="tab-browser" class="tab-browser">
			 
			<div id="tab-browser-body" class="tab-browser-body">
				<webview id="surf" src="about:blank" allowpopups  style="width:950px; height:650px"></webview>
			</div>
	    
		</div>
	</div>
	<script>
		//webview 允许_blank页面
		const {shell} = require('electron')
		const webview = document.getElementById('surf')
		/*
		webview.addEventListener('new-window', (e) => {
		  const protocol = require('url').parse(e.url).protocol
		  if (protocol === 'http:' || protocol === 'https:') {
		    //shell.openExternal(e.url)
		    //window.open(e.url)
		  }
		});*/
	</script>

</div>
<br>
<div id="foot-fixed">

	<div id="foot-content">
<em>&hearts;&nbsp;&nbsp;&nbsp;</em><b id="webview-status"></b>
		<b class="bottom-text">&nbsp;&nbsp;This app is based on Node 
    <script>document.write(process.versions.node)</script>,
    Chrome
    <script>document.write(process.versions.chrome)</script>,
    and Electron
    <script>document.write(process.versions.electron)</script>.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
	</div>

</div>

<script>
	jquery = require("./src/js/jquery.min.js");
</script>
<script type="text/javascript" src="./src/js/index.js"></script>
</body>
</html>